<?php echo $header;?>
<style>
<!--
.abutton {
	display: inline-block;
	position: relative;
	margin: 10px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	font: bold 12px/25px Arial, sans-serif;

	text-shadow: 1px 1px 1px rgba(255,255,255, .22);

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
	box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);

	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.green {
    color: #3e5706;
    background: #a5cd4e; /* Old browsers */
    background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */
    background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */
}


-->
</style>
<div id="content">
  <div class="box">
   <div class="heading">
      <h1><img src="view/image/information.png" alt="" /> <?php echo $heading_title; ?></h1>
      <div class="buttons"><a onclick="$('#form').submit();" class="button"><?php echo $button_save; ?></a><a href="<?php echo $cancel; ?>" class="button"><?php echo $button_cancel; ?></a></div>
    </div>
     <div class="content">
      <form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data" id="form">
		<table class="form">
         <tr>
          	<td><span class="required">*</span> <?php echo "accessToken:"; ?></td>
            <td ><select name="common_id">
            <?php foreach ($commons as $common){?>
            	<?php if($common_id==$common["common_id"]){?>
            	<option selected="selected" value="<?php echo $common["common_id"];?>"><?php echo $common["common_name"];?></option>
            	<?php }else{ ?>
            	<option  value="<?php echo $common["common_id"];?>"><?php echo $common["common_name"];?></option>
            	<?php }?>
            <?php }?>	
		            </select>
					</td>
			      </tr>
			      <tr>
		    <td><span class="required">*</span> <?php echo "区域:"; ?></td>
            	<td ><input   id="position_name" name="position_name" value="<?php echo $position_name;?>">
			</td>
	      </tr> 
			      
  			 	 <tr>
		    <td><span class="required">*</span> <?php echo "负责人:"; ?></td>
            	<td ><input   id="charge_person" name="charge_person" value="<?php echo $charge_person;?>">
			</td>
	      </tr>
	      <tr>
		    <td><span class="required">*</span> <?php echo "联系号码:"; ?></td>
            	<td ><input   id="phone_num" name="phone_num" value="<?php echo $phone_num;?>">
			</td>
	      </tr>
	       <tr>
          	<td><span class="required">*</span> <?php echo "地理位置:"; ?></td>
            <td >
            <div style="width:380px;height:100px;float:left;">
            <div>
            <span class="required">左上&nbsp;&nbsp;&nbsp;&nbsp;</span><label>X:</label><input   id="position_left_up_x" name="position_left_up_x" value="<?php echo $position_left_up_x;?>"><label>Y:</label><input   id="position_left_up_y" name="position_left_up_y" value="<?php echo $position_left_up_y;?>">
            </div><div>
            <span class="required">右上&nbsp;&nbsp;&nbsp;&nbsp;</span><label>X:</label><input   id="position_right_up_x" name="position_right_up_x" value="<?php echo $position_right_up_x;?>"><label>Y:</label><input   id="position_right_up_y" name="position_right_up_y" value="<?php echo $position_right_up_y;?>">
              </div><div>
            <span class="required">右下&nbsp;&nbsp;&nbsp;&nbsp;</span><label>X:</label><input   id="position_right_down_x" name="position_right_down_x" value="<?php echo $position_right_down_x;?>"><label>Y:</label><input   id="position_right_down_y" name="position_right_down_y" value="<?php echo $position_right_down_y;?>">
           	  </div><div>
			  </div>
            <span class="required">左下&nbsp;&nbsp;&nbsp;&nbsp;</span><label>X:</label><input   id="position_left_down_x" name="position_left_down_x" value="<?php echo $position_left_down_x;?>"><label>Y:</label><input   id="position_left_down_y" name="position_left_down_y" value="<?php echo $position_left_down_y;?>">
			  </div>
			  <div style="width:200px;height:100px;float:left;margin-left:40px;overflow: hidden;line-height:100px;text-align:center;">
			  <a style="text-decoration: none;" href="<?php echo $position_example;?>"  class="abutton green  fancybox">地理位置图例</a>
			  </div>
			</td>
	      </tr>
        </table>


      </form>
      </div>
  </div>
  </div>
  
  
<script type="text/javascript" src="view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript"><!--
$('.fancybox').fancybox({
	width: 860,
	height: 360,
	autoDimensions: true,
	scrolling: 'no',
	onClosed:function() {
		//location.reload();
	}
});
//--></script> 
  

<?php echo $footer;?>
